<div class="uk-grid  uk-child-width-1-4">
    <div>
        <div class="dux-card uk-clearfix">
            <div class="icon">
                <img src="{$sysPublic}/topics/images/icons/forum.png">
            </div>
            <div class="info">
                <h2><a href="#">社区</a></h2>
                <p>相关使用分享、用户交流、技术支持</p>
            </div>
        </div>
    </div>
    <div >
        <div class="dux-card uk-clearfix">
            <div class="icon">
                <img src="{$sysPublic}/topics/images/icons/faq.png">
            </div>
            <div class="info">
                <h2><a href="#">问答</a></h2>
                <p>互帮互助，开源产品使用互助问答</p>
            </div>
        </div>
    </div>
    <div >
        <div class="dux-card uk-clearfix">
            <div class="icon">
                <img src="{$sysPublic}/topics/images/icons/book.png">
            </div>
            <div class="info">
                <h2><a href="#">文档</a></h2>
                <p>DuxPHP开源系统模板、开发、配置文档</p>
            </div>
        </div>
    </div>
    <div >
        <div class="dux-card uk-clearfix">
            <div class="icon">
                <img src="{$sysPublic}/topics/images/icons/help.png">
            </div>
            <div class="info">
                <h2><a href="#">帮助</a></h2>
                <p>帮助文档资料搜索，新手使用指南</p>
            </div>
        </div>
    </div>
</div>
<div class="uk-grid uk-margin-top">
    <div class="uk-width-3-4@l">
        <!--if{$tagInfo}-->
        <div class="uk-card uk-card-default uk-card-small">
            <div class="uk-card-header">
                <span class="uk-label am-text-md uk-label-success">{$tagInfo.name}</span>
            </div>
            <div class="uk-card-body">{$tagInfo.quote} 个讨论 · {date_tran($tagInfo.update_time)}更新</div>
        </div>
        <!--{/if}-->
        <div class="uk-card uk-card-default uk-card-small">
            <div class="uk-card-header">
                <ul class="uk-subnav  uk-subnav-pill">
                    <li <!--if{!$pageParams.filter}--> class="uk-active" <!--{/if}-->>
                    <a href="{url('', ['id'=>$nodeInfo.node_id])}">活跃</a>
                    </li>
                    <li <!--if{$pageParams.filter == 1}--> class="uk-active" <!--{/if}-->>
                    <a href="{url('', ['id'=>$nodeInfo.node_id, 'filter' => 1])}">精华</a>
                    </li>
                    <li <!--if{$pageParams.filter == 2}--> class="uk-active" <!--{/if}-->>
                    <a href="{url('', ['id'=>$nodeInfo.node_id, 'filter' => 2])}">置顶</a>
                    </li>
                    <li <!--if{$pageParams.filter == 3}--> class="uk-active" <!--{/if}-->>
                    <a href="{url('', ['id'=>$nodeInfo.node_id, 'filter' => 3])}">最近</a>
                    </li>
                </ul>
            </div>
            <ul class="uk-list dux-topic-list">

                <!--if{empty($pageList)}-->
                <div class="uk-padding uk-text-center">
                    暂无发表主题
                </div>
                <!--{/if}-->

                <!--loop{$pageList as $vo}-->

                <li class="uk-flex">
                    <div class="avatar">
                        <a href="{url('topics/User/index', ['id' => $vo.user_id])}">
                            <img class="uk-border-circle" alt="{$vo.show_name}" src="{$vo.avatar}">
                        </a>
                    </div>
                    <div class="info uk-flex-1">
                        <div class="info-title">

                            <a href="{url('topics/Node/index', ['id' => $vo.node_id])}">
                            <!--if{$vo.attr_top}-->
                            <span class="uk-label uk-label-warning">
                                <!--elseif{$vo.attr_excellent}-->
                                <span class="uk-label uk-label-success">
                                    <!--{else}-->
                                    <span class="uk-label uk-label-default">
                                        <!--{/if}-->
                                        {$vo.node_name}</span>
                            </a>

                                    <a href="{$vo.url}">
                                        {$vo.title}
                                    </a>
                        </div>
                    </div>

                    <div class="count">
                        <span class="count-item">{$vo.reply_num}</span>
                        <span class="count-separ">/</span>
                        <span class="count-item">{$vo.views}</span>
                        <span class="count-separ">|</span>
                        <span class="count-item am-text-sm">
                            {date_tran($vo.update_time)}
                        </span>
                    </div>
                </li>
                <!--{/loop}-->
            </ul>
        </div>
        {$page}
    </div>
    <div class="uk-width-1-4@l">
        <!--include{app/topics/view/theme/common/sidebar_node}-->
        <br>
        <!--include{app/topics/view/theme/common/sidebar_tag}-->
        <br>
        <!--include{app/topics/view/theme/common/sidebar_hot}-->
        <br>
        <!--include{app/topics/view/theme/common/sidebar_excellent}-->
    </div>

</div>